#{extends 'frameHome.html' /} #{set title:'HiddenIdeas' /}#{set 'moreStyles'}
<link rel="stylesheet" href="@{'/public/stylesheets/forms.css'}">

<link rel="stylesheet" href="@{'/public/stylesheets/css3buttons.css'}">
#{/set}

<script type="text/javascript">
	$(document).ready(
			function() {
				$('.left, .content input, .content textarea, .content select')
						.focus(function() {
							$(this).parents('.row').addClass("over");
						}).blur(function() {
							$(this).parents('.row').removeClass("over");
						});
			});
</script>

<div id=right>

	<script type="text/javascript">
		function createTarget(t) {
			window.open("", t, "width=600,height=550");
			return true;
		}
	</script>

<head>
<link rel="stylesheet" href="@{'/public/stylesheets/forms.css'}">

<link rel="stylesheet" href="@{'/public/stylesheets/main.css'}">

<link rel="stylesheet" href="@{'/public/stylesheets/css3buttons.css'}">

</head>

<div id=main>
<hr>
<p><b>Hidden Ideas of ${user.name}:</b></p>
</hr>

#{if hiddenIdeaList} #{list items:hiddenIdeaList, as:'idea'}

<ul>
	<li><a href="@{PostingIdea.ShowIdea(idea.id)}">${idea.title}</a> ..... Posted By: ${idea.author.name} 
	<a href="@{PostingIdea.unhideIdea(idea.id)}" class=" pill button"></span>UnHide
	Idea</a> </a></li>
</ul>

#{/list} #{/if} #{else} There are no hidden Ideas !! #{/else}</div>